<template>
	<view>
		<view :class="check==true?'check-box':'box'">
			<!-- <u-icon name="checkbox-mark" color="#fff" size="14" ></u-icon> -->
			<!-- <image v-if="check==true" class="img" src="https://www.diandianyouke.site:801/fileDataBase/static/stag/static/img/button_xzhey.png" mode="" /> -->
		</view>
	</view>
</template>

<script>
	export default {
		name: "checkbox",
		props:{
			check:false,
			key: 0,
		},
		data() {
			return {	
			};
		}
	}
</script>

<style lang="scss" scoped>
	.box {
		width: 28rpx;
		height: 28rpx;
		border: 1px solid #c8c9cc;
		padding: 2px;
		border-radius: 28rpx;	
		margin: 10rpx;
	}
	.check-box{
		width: 28rpx;
		height: 28rpx;
		border: 1px solid #fff;
		border-radius: 28rpx;
		padding: 2px;
		// background-color: #7330e6;
		background: url('https://www.diandianyouke.site:801/fileDataBase/static/stag/static/img/button_xzhey.png') no-repeat;
		background-size: cover;
		margin: 10rpx;
	}
	.img{
		width: 100%;
		height: 100%;
		border: 1px solid #fff;
	}
</style>
